<html>

<style>
table {
  border-collapse: collapse;
  border-spacing: none;
  }

thead th {
  background-color: #cc9900;
  font-size: 12px;
  font-family: sans-serif;
  border:none;
  }

tbody td {
  font-size: 12px;
}


tr td:first-child,
tr th:first-child {
      border-top-left-radius: 6px;
      border-bottom-left-radius: 6px;
}

tr td:last-child,
tr th:last-child {
  border-top-right-radius: 6px;
  border-bottom-right-radius: 6px;
}
</style>

 <h3>Search Credit Note</h3>
   <input type="text" ng-model="name" class="search-query" placeholder="Search"> 
  
<table class="table table-striped table-condensed table-hover"> 
  <thead>
    <tr>
     <!-- <th><input type="checkbox" ng-model="inv.checked" ng-click="click(inv)"></th> -->
      <th>CreditNote#</th>
      <th><a href="" ng-click="predicate = 'custdesc'; reverse=!reverse">Customer Name</a></th>
      <th>Invoice Date</th>
      <th>Amount</th>
    <!--  <th>Due On</th>
	  <th>Balance Due</th>
      <th>Invoice file</th> -->
      <th>Status</th>
      <th>Report</th>
  <!--  <th>Payments</th> -->
    </tr>
  </thead>
  
     
  <tbody>
      <tr ng-repeat="cust in invoicemast| filter: name | orderBy:predicate:reverse | startingFrom:currentPage*pageSize | limitTo:pageSize">
   <!--   <td><input type="checkbox" ng-click="click(inv)"> </td>  -->
      <td>{{cust.invoicenumber}}</td>
      <td>{{cust.custdesc}}</td>      
      <td>{{cust.invoicedate}}</td> 
      <td>{{cust.invoiceamt}}</td> 
    <!--  <td>{{cust.DueOn}}</td> 
      <td>{{cust.balance}}</td> 
	  <td><a href="#">{{cust.invoicefile}}</a></td> -->
      <td>{{cust.status}}</td>
      <td><a href="#/crdnoteprnt/{{cust}}" ng-click="crdnoteprnt(cust)"> <img src="glyphicons_download.png" alt="Report"/></td> 
     <!-- <td><a href="transaction.php"> <img src="glyphicons_gift.png" alt="Payment"/></a> </td> -->
    </tr>
   <!-- <tr class="info">
            <td colspan="7">
               &nbsp;
            </td>
            <td>
                <strong>{{ TotalAmount | currency }}</strong>  
            </td>
        </tr>-->
  </tbody>
  
</table>
      <tfoot>
             Current Page  {{currentPage+1}} of {{invoicemast.length/pageSize}}
                    <td colspan="6">
                        <div class="pagination pull-right">
                            <ul>
                              <!--  <li ng-class="{disabled: currentPage == 0}">
                                    <a href ng-click="currentPage=currentPage-1">« Prev</a> 
                                </li>-->
                <button class="btn btn-info"  ng-disabled="currentPage == 0" ng-click="currentPage=currentPage-1"> « Prev </button>
                                
                         <li ng-repeat="n in range(invoicemast.length)"
                                    ng-class="{active: n == currentPage}"
                                    ng-click="setPage()">
                                    <a href ng-bind="n + 1">1</a>
                                </li> 
                    <!--    <li ng-class="{disabled: currentPage >= customermast.length/pageSize - 1 }">
                                    <a href ng-click="currentPage=currentPage+1">Next »</a>  -->
        <button class="btn btn-info"  ng-disabled="currentPage >= invoicemast.length/pageSize - 1" ng-click="currentPage=currentPage+1">
        Next »
    </button>
       </li>
      </ul>
    </div>
  </td>
  </tfoot>
     
  </body>
  
</html>
